<template>
  <div :class="['d-flex mb-2', isMe ? 'justify-content-end' : 'justify-content-start']">
    <div :class="['p-2 rounded', isMe ? 'bg-primary text-white' : 'bg-light']">
      <small class="d-block mb-1">{{ msg.from }}</small>
      <div>{{ msg.content }}</div>
      <small class="d-block text-end">{{ msg.timestamp }}</small>
    </div>
  </div>
</template>

<script setup>
defineProps({
  msg: Object,
  isMe: Boolean
});
</script>
